body {
    overflow-x: hidden;
}

#wrapper {
    display: flex;
}

#sidebar-wrapper {
    min-height: 100vh;
    width: 250px;
    background-color: #212529; /* 深色背景 */
    color: #fff;
    transition: all 0.3s;
}

#sidebar-wrapper .sidebar-heading {
    padding: 1.5rem 1.25rem;
    font-size: 1.25rem;
    font-weight: bold;
    border-bottom: 1px solid #495057;
}

#sidebar-wrapper .list-group-item {
    border: none;
    padding: 1rem 1.25rem;
    color: #adb5bd;
    font-size: 1rem;
}

/* 主菜单项激活状态 */
#sidebar-wrapper .list-group-item.active {
    background-color: #343a40;
    color: #fff;
    border-left: 3px solid #0d6efd; /* 蓝色高亮线 */
}

/* 子菜单项样式 */
.sub-menu {
    padding-left: 1rem; /* 子菜单缩进 */
}

.sub-menu .sub-item {
    color: #868e96;
    padding: 0.75rem 1.25rem;
}

.sub-menu .sub-item:hover, .sub-menu .sub-item.active-sub-item {
    background-color: #343a40;
    color: #fff;
}

#page-content-wrapper {
    flex: 1;
    min-width: 0; /* 允许内容区收缩 */
} 